body{
  font-family:'MicroSoft YaHei';
  background-color: #f2f3f5;
}


.spannel{
height:100px;
overflow:hidden;
  position:relative;
  background-color: #fff;
  border:1px solid #e7e7e9;
  border-radius: 5px;
  padding-top: 15px;
}

.spannel p{
  display: inline-block;
  padding-top: 10px;
color: #fff;
margin: 0 auto;
font-size: 16px;
}
.container-fluid img{
  width: 40px;
  height: 40px;
  margin: 0px 20px 0 40px;
  position: relative;
  top: -13px;
}

.dc1{
  background-color: #fb6d49
}
.scolor01{
  background-color: #67c23a
}

.scolor02{
background-color: #e6a23c
}

.scolor03{
background-color: #3a7ce7;
}
.gragh_pannel{
  height:350px;
  border:1px solid #e7e7e9;
  background-color: #fff!important; 
  margin-bottom:20px;  
}
.gragh_pannel .title{
  height: 44px;
  background-color: #ddd;
  font-size: 16px;
  padding: 0 15px;
  line-height: 44px;
}
.gragh_pannel #pie_show{
  height: 330px;
}
.column_pannel{
  margin-bottom:20px;
  height:400px;
  border:1px solid #e7e7e9;
  background-color: #fff!important;   
}

.common_title{
  line-height:42px;
  background-color: #fbfbfb;
  border:1px solid #e7e7e9;
  margin-top:20px;
  text-indent: 15px;
  font-size:14px;
  color:#333;
}

.common_con{
  border:1px solid #e7e7e9;
  border-top:0px;
  background-color: #fff;
  padding-bottom:20px;
  margin-bottom:20px;
}


/* 表一 */
.el-row1 .userlist{
  /* float: left; */
  display: flex;
  line-height:  40px;
  font-size: 14px;
  border-bottom: 1px dashed #eee;
}
.el-row1 .userlist .info{
  flex: 3;
  margin-left: 10px;
}
.el-row1 .userlist .from{
  flex: 3;
  /* margin-left: 10px; */
}
.el-row1 .userlist .address{
  flex: 3;
}

/* .el-row1 .userlist .address{
  float: right;
} */

/* 表二 */
.el-row2 .userlist{
  line-height: 40px;
  font-size: 14px;
}
.el-row2 .userlist .info{
  /* float: left; */
  /* width: 30%; */
  text-align: left;
  padding-left: 15px;
  border-bottom: 1px dashed #eee;
}
/* 柱状图 */
